.detail {
    width: 7.5rem;
    margin: 0rem auto;
    background: #d1c9c9;

    //------头部------
    .header {
        width: 7.5rem;
        height: 1.60rem;
        background: linear-gradient(#FF6040 0%, #FF8A80 100%);

        .top {
            width: 7.5rem;
            height: 0.9rem;
            display: flex;
            cursor: pointer;

            .iconfont {
                width: 1.5rem;
                margin-top: 0.18rem;
                margin-left: .4rem;
                display: inline-block;
                font-size: .44rem;
                color: #fff;
            }

            p {
                width: 1.5rem;
                height: 0.34rem;
                font-family: MicrosoftYaHei;
                font-size: 0.32rem;
                line-height: 0.32rem;
                text-align: center;
                color: #ffffff;
                opacity: 0.9;
                margin-top: 0.29rem;
                margin-left: 1.1rem;
            }
        }

        .nav {
            height: 0.56rem;
            display: flex;
            justify-content: space-around;
            padding-top: 0.30rem;
            position: relative;
            .ft ul {
                width: 6rem;
                height: 0.55rem;
                display: flex;
                cursor: pointer;
                li {
                    width: 6rem;
                    height: 0.55rem;
                    font-size: 0.26rem;
                    line-height: 0.26rem;
                    color: #ffffff;
                    flex: 1;
                }

                .bd {
                    width: 0.45rem;
                    height: 0.03rem;
                    background-color: #ffffff;
                    border-radius: .5rem;
                    position: absolute;
                    bottom: .16rem;
                    left: .79rem;
                }

                .active {
                    font-size: 0.29rem;
                    line-height: 0.26rem;
                    font-weight: bold;
                    color: #ffffff;
                }
            }
        }
    }

    //-----缩略图----
    .tp {
        width: 7.5rem;
        height: 7.5rem;
        background-color: #ffffff;
        position: relative;
        cursor: pointer;
        img {
            width: 7.5rem;
            height: 7.5rem;
        }

        em {
            width: 0.5rem;
            height: 0.5rem;
            display: inline-block;
            background: #999999;
            border-radius: .5rem;
            opacity: 0.7;
            font-size: .3rem;
            line-height: .48rem;
            text-align: center;
            color: #Fff;
            position: absolute;
            top: 0.2rem;
            right: .2rem
        }

        p {
            width: 0.8rem;
            height: 0.36rem;
            background-color: #707070;
            border-radius: 0.18rem;
            opacity: 0.7;
            display: flex;
            line-height: .36rem;
            text-align: center;
            font-size: .3rem;
            color: #fff;
            padding-left: .3rem;
            position: absolute;
            bottom: 0.27rem;
            right: .15rem
        }
    }
    //----商品介绍及价格部分---
    .xq {
        width: 7.5rem;
        background-color: #ffffff;
        box-sizing: border-box;
        .coupon {
            width: 2.5rem;
            height: .5rem;
            margin-top: .2rem;
        }

        .jc {
            width: 7.5rem;
            height: .75rem;
            display: flex;

            .jg {
                width: 4rem;
                display:flex;
                .xs{
                    width: .65rem;
                    height:.3rem;
                    font-size: .25rem;
                    background: #FF6040;
                    color:#Fff;
                    line-height: .3rem;
                    text-align: center;
                    margin-top: 0.2rem;
                    cursor: pointer;
                }
                span {
                    display: block;
                    width: 0.17rem;
                    height: 0.22rem;
                    font-size: 0.28rem;
                    line-height: 0.22rem;
                    margin-top: 0.25rem;
                    margin-left: 0.1rem;
                    color: #ff6040;
                    box-sizing: border-box;
                }
                .price {
                    width: 1rem;
                    height: 0.47rem;
                    font-size: 0.4rem;
                    line-height: .06rem;
                    margin-top: 0.3rem;
                    text-align: center;
                    color: #ff6040;
                    box-sizing: border-box;
                    cursor: pointer;
          
                }
                .del {
                    display: block;
                    width: 0.86rem;
                    height: 0.23rem;
                    font-size: 0.28rem;
                    line-height: 0.28rem;
                    text-align: center;
                    color: #999999;
                    box-sizing: border-box;
                    margin-top: .2rem;
                    margin-left: .6rem;
                }
            }

            .sc {
                width: 3.5rem;
                height: .75rem;
                text-align: right;
                padding-right: .2rem;
                position: relative;
                cursor:pointer;
                span {
                    width: 0.22rem;
                    height: 0.21rem;
                    display:block;
                    color: red;
                    font-size: .3rem;
                    box-sizing: border-box;
                    margin-right: 0;
                    position:absolute;
                    top:-.5rem;
                    right:.35rem;
                }
    
                p {
                    width: 1.36rem;
                    height: 0.18rem;
                    font-size: 0.18rem;
                    line-height: 0.18rem;
                    color: #fe6141;
                    margin-left: 2rem;
                    box-sizing: border-box;
                }
            }
        }

        .zt {
            width: 7.5rem;
            height: 2.23rem;
            margin-left: .1rem;
            cursor:pointer;
            h3 {
                width: 5.96rem;
                height: 0.31rem;
                margin-top: .19rem;
                font-family: MicrosoftYaHei;
                font-size: 0.3rem;
                line-height: 0.31rem;
                color: #333333;
                white-space: nowrap;
                overflow: hidden;
                box-sizing: border-box;
            }

            span {
                display: block;
                width: 6.5rem;
                height: 0.26rem;
                margin-top: .15rem;
                font-size: 0.26rem;
                line-height: 0.26rem;
                color: #999999;
                white-space: nowrap;
                overflow: hidden;
            }

            p {
                width: 2.3rem;
                height: 0.32rem;
                margin-top: .22rem;
                background-color: #ff8066;
                font-size: 0.16rem;
                line-height: 0.32rem;
                text-align: center;
                color: #ffffff;
            }
        }

        .wz {
            width: 7.1rem;
            height: 0.4rem;
            background-color: #f2f2f2;
            border-radius:.2rem ;
            border:1px solid #e0dcdc;
            margin-top: .2rem;
            cursor:pointer;
            .title {
                width:6.5rem;
                height: 0.4rem;
                font-size: 0.15rem;
                line-height: 0.15rem;
                text-align: left;
                padding-left:.2rem;
            }

            button {
                width: 1.8rem;
                height: 0.38rem;
                font-size: 0.18rem;
                line-height: 0.38rem;
                text-align: right;
                color: #fe6141;
                margin-top: -.55rem;
                margin-right: .12rem;
                float: right;
                background: #fff;
            }
        }

    }
    //--------选项部分-------
    .xx {
        width: 7.5rem;
        height: 2.74rem;
        background-color: #ffffff;
        margin-top: .2rem;
        ul {
            width: 7.5rem;
            line-height: 0.55rem;
            text-align: center;
            padding-top: .1rem;
            cursor:pointer;
            li {
                width: 7.13rem;
                height: 0.55rem;
                line-height: 0.55rem;
                text-align: center;
                display: flex;
                margin-top: .2rem;
                margin-left: .1rem;
                h3 {
                    width: .6rem;
                    height: 0.55rem;
                    font-size: 0.24rem;
                    line-height: 0.55rem;
                    text-align: center;
                    color: #262626;
                }
                p {
                    width: 2.8rem;
                    height: 0.55rem;
                    font-size: 0.2rem;
                    line-height: .55rem;
                    text-align: left;
                    padding-left: .3rem;
                    letter-spacing: 0px;
                    color: #666666;
                }
                span {
                    width: 1.6rem;
                    height: 0.55rem;
                    margin-left: 2.1rem;
                    display: inline-block;
                    font-size: .27rem;
                    color: #c2bab5;
                    text-align: right;
                    line-height: .55rem;
                }
                em {
                    display: inline-block;
                    width: 6.5rem;
                    height: 0.01rem;
                    border-bottom: solid 1px #e6e6e6;
                    text-align: right;
                    line-height: .01rem;
                    margin-left: 1.0rem;
                }
            
            }
            .bj {
                width: 7.13rem;
                height: 0.55rem;
                line-height: 0.55rem;
                margin-top: .2rem;
                text-align: center;
                display: flex;
                h3 {
                    width: 1rem;
                    height: 0.55rem;
                    font-size: 0.24rem;
                    line-height: 0.55rem;
                    text-align: center;
                    color: #262626;
                }
                b {
                    font-size: .25rem;
                    color: #333333;
                    font-weight: bold;
                    line-height: .5rem;
                    text-align: center;
                    display: inline-block;
                    margin-left: .2rem;
                    margin-top: .05rem;
                }
                .dc {
                    width: 3.88rem;
                    // height: 0.25rem;
                    line-height: 0.25rem;
                    text-align: center;
                    color: #666666;
                    margin-top: .15rem;
                    position:relative;
                    p {
                        font-size: 0.21rem;
                        line-height: 0.25rem;
                        text-align: center;
                        color: #000000;
                    }
                    a {
                        width: 1.8rem;
                        font-size: 0.21rem;
                        color: #ff613e;
                        display:block;
                        position:absolute;
                        top:0;
                        left:2.5rem;
                    }
                    span {
                        width: 1.2rem;
                        height: 0.55rem;
                        margin-left: 2.1rem;
                        display:block;
                        font-size: .27rem;
                        color: #c2bab5;
                        text-align: right;
                        line-height: .55rem;
                    }
                    em {
                        display:block;
                        width: 6.5rem;
                        height: 0.01rem;
                        border-bottom: solid 1px #e6e6e6;
                        text-align: right;
                        line-height: .01rem;
                        margin-left: 1.0rem;
                    }
                }
            }
        }
    }
    .xu {
        width: 7.5rem;
        height: 0.72rem;
        background-color: #fcfcfc;
        ul {
            width: 7.48rem;
            height: 0.72rem;
            padding-left: .15rem;
            padding-top: .2rem;
            display: flex;
            cursor:pointer;
            li {
                width: 7.48rem;
                height: 0.72rem;
                display: flex;
                span {
                    text-align: center;
                    font-size: .22rem;
                    color: #a6a6a6;
                }
                p {
                    width: 1.5rem;
                    height: 0.23rem;
                    font-size: 0.2rem;
                    line-height: 0.23rem;
                    margin-top: .05rem;
                    color: #a6a6a6;
                }
                b {
                    width: 0.11rem;
                    height: 0.17rem;
                    font-size: .28rem;
                    line-height: .17rem;
                    display: inline-block;
                    margin-top: .05rem;
                    margin-left: .17rem;
                    color: #a6a6a6;
                }
            
            }
        }
    }
    //---------详情图------
    .ct {
        width: 7.5rem;
        cursor:pointer;
        .a {
            width: 7.5rem;
            height: 9.84rem;
        }
        div{
            width: 100%;
            height: 0.3rem;
        }
    }
     //尾部
     .wb {
        width: 7.5rem;
        height: 1.01rem;
        position: fixed;
        bottom: 0;
        z-index: 999;
        background-color: #ffffff;
        border: solid 1px #cccccc;

        ul {
            display: flex;

            li {
                width: 1.1rem;
                height: 1.01rem;
                margin-left: .07rem;
                margin-top: .2rem;
                cursor: pointer;
                flex:1;
               .kf {
                    width: 1rem;
                    height: 0.36rem;
                    line-height: .36rem;
                    font-size: .2rem;
                    color: #333333;
                    font-weight: bold;
                    margin-left: -.2rem;
                }
                .p{
                    width: 0.8rem;
                    height: 0.2rem;
                    font-size: 0.2rem;
                    line-height: .2rem;
                    color: #333333;
                    margin-left: .1rem;
                }

                span {
                    display: inline-block;
                    width: 2.1rem;
                    height: 0.4rem;
                    line-height: .4rem;
                    font-size: .39rem;
                    color: #333333;
                    font-weight: bold;
                }

                p {
                    width: 0.8rem;
                    height: 0.2rem;
                    font-size: 0.2rem;
                    line-height: .2rem;
                    color: #333333;
                    margin-top: .05rem;
                }
            }
            .li {
                width: 1.1rem;
                height: 1.01rem;
                margin-left: .07rem;
                margin-top: .2rem;
                cursor: pointer;
                flex:1;
               .kf {
                    width: 1rem;
                    height: 0.36rem;
                    line-height: .36rem;
                    font-size: .2rem;
                    color: #333333;
                    font-weight: bold;
                    margin-left: -.2rem;
                }
                .p{
                    width: 0.8rem;
                    height: 0.2rem;
                    font-size: 0.2rem;
                    line-height: .2rem;
                    color: #333333;
                    margin-left: .1rem;
                }

                span {
                    display: inline-block;
                    width: 2.1rem;
                    height: 0.4rem;
                    line-height: .4rem;
                    font-size: .39rem;
                    color: #333333;
                    font-weight: bold;
                }

                p {
                    width: 0.8rem;
                    height: 0.2rem;
                    font-size: 0.2rem;
                    line-height: .2rem;
                    color: #333333;
                    margin-top: .05rem;
                }
            }

            .gw {
                width: 5.5rem;
                height: 1.01rem;
                display: flex;
                cursor: pointer;

                span {
                    width: 2.1rem;
                    height: .96rem;
                    background: #ffcc66;
                    font-size: 0.32rem;
                    line-height: 1rem;
                    text-align: center;
                    color: #663014;
                    display: block;
                    margin-top: -.152rem;
                    margin-left: -.3rem;
                }

                .p {
                    width: 2.1rem;
                    height: .95rem;
                    background-color: #ff6040;
                    font-size: 0.32rem;
                    line-height: 1rem;
                    text-align: center;
                    margin-top: -.152rem;
                    color: #ffffff;
                }
            }

        }
    }
}